<template>
  <div calss="BluetoothTour" >
    <div style=" background:rgba(255,255,255,1); padding-top:8vw">
      <div class="BluetoothTour-header">
        <img src="../../assets/lanya.png" alt="">
        <p>蓝牙音响需要您打开您的蓝牙，系统将自动连接您的设备</p>
      </div>
      <div class="footer">打开蓝牙 · 享受音乐之旅</div>
    </div>
  </div>
</template>

<script>
// 蓝牙之旅
export default {
  name: 'BluetoothTour',
  data () {
    return {
      isShow: false
    }
  },
  methods: {
    onLond () {
      console.log(1)
    }
  },
  created: () => {
    document.title = '连接蓝牙'
  }
}
</script>

<style lang='scss' scoped>
.BluetoothTour {
  width:100%;
  height:100%;
}
.BluetoothTour-header {
  width: 93vw;
  height: 92.5vw;
  margin: auto;
  background:rgba(255,255,255,1);
  box-shadow:0px 0.26vw 4vw 1.06vw rgba(0,0,0,0.06);
  border-radius:0.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  img {
    width: 50.4vw;
    height: 50.4vw;
    margin-top:12vw;
    margin-bottom: 8vw;
  }
  p {
    width:59.73vw;
    height:10.1vw;
    font-size:3.7vw;
    font-family:SourceHanSansCN-Regular;
    font-weight:400;
    color:rgba(134,134,134,1);
    line-height:6.4vw;
    text-align: center;
  }
}
.footer {
width:93.3vw;
height:12.2vw;
background:rgba(136,22,255,1);
border-radius:0.8vw;
margin: auto;
font-size:4.5vw;
font-family:SourceHanSansCN-Normal;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 12.2vw;
margin-top:41.6vw;
}
</style>
